<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <meta name="_csrf" content="${fn:escapeXml(CSRFToken)}"/>
    <title>qq's demo</title>
    <base target="_blank" />
    <script type="text/javascript" src="../../r/base/jQuery-1.10.2/jquery-1.10.2.min.js"></script>
    <!-- wiFrame 及 项目资源 -->
    <link type="text/css" rel="stylesheet" href="../../r/project/index/css/index.css"/>
    <script type="text/javascript" src="../../r/project/index/js/index.js"></script>
</head>
<body>
    <div class="wrap clearf">
        <div class="float-l">
            <ul class="menu js-manu">
                <li class="menu-item" data-menu="tool">工具</li>
                <li class="menu-item" data-menu="resource">资源</li>
                <li class="menu-item" data-menu="mobile">移动端</li>
                <li class="menu-item" data-menu="web">pc web 端</li>
                <li class="menu-item" data-menu="effect">效果</li>
            </ul>
        </div>
        <div class="float-c js-cont">
            <!-- 工具 -->
            <div class="listtableDiv" data-menu="tool">
                <table class="listtable">
                    <tbody><tr>
                        <td><div class="listtable-item">
                            <a href="../tool/regExp/">正则测试工具</a>
                        </div></td>
                    </tr><tr>
                        <td><div class="listtable-item">
                            <a href="../tool/map_point/">图片锚点</a>
                        </div></td>
                    </tr><tr>
                        <td><div class="listtable-item">
                            <a href="../tool/screenTest/">屏幕分辨率测试</a>
                        </div></td>
                    </tr><tr>
                        <td><div class="listtable-item">
                            <a href="../tool/meta/">meta 标签</a>
                        </div></td>
                    </tr><tr>
                        <td><div class="listtable-item">
                            <a href="../tool/ligerUI_model/">ligerUI 框架示例</a><!-- 关闭标签页的 bug 未更新到此项目 -->
                        </div></td>
                    </tr><tr>
                        <td><div class="listtable-item">
                            <a href="../tool/simpleValiCode/">简单验证码</a>
                        </div></td>
                    </tr></tbody>
                </table>
            </div>
            <!-- 资源 -->
            <div class="listtableDiv" data-menu="resource">
                <table class="listtable">
                    <tbody><tr>
                        <td><div class="listtable-item">
                            <a href="../resource/html404/">404 页面集锦</a>
                        </div></td>
                    </tr></tbody>
                </table>
            </div>
            <!-- 移动端 -->
            <div class="listtableDiv" data-menu="mobile">
                <table class="listtable">
                    <tbody><tr>
                        <td><div class="listtable-item">
                            <a href="../mobie/dragView/">向上拖拽图片进行切换</a>
                        </div></td>
                    </tr></tbody>
                </table>
            </div>
            <!-- pc web 端 -->
            <div class="listtableDiv" data-menu="web">
                <table class="listtable">
                    <tbody><tr>
                        <td><div class="listtable-item">
                            <a href="../web/divcsslayout/">div+css 网页标准布局学习教程</a>
                        </div></td>
                    </tr><tr>
                        <td><div class="listtable-item">
                            <a href="../web/html2canvas/">web 截屏</a>
                        </div></td>
                    </tr><tr>
                        <td><div class="listtable-item">
                            <a href="../web/ballChain/">水晶球链</a>
                        </div></td>
                    </tr></tbody>
                </table>
            </div>
            <!-- 效果 -->
            <div class="listtableDiv" data-menu="effect">
                <table class="listtable">
                    <tbody><tr>
                        <td><div class="listtable-item">
                            <a href="../effect/css3toggle/">css3 内容切换效果</a>
                        </div></td>
                    </tr><tr>
                        <td><div class="listtable-item">
                            <a href="../effect/css3oneDiv/">css3 一个 div 实现的效果</a>
                        </div></td>
                    </tr><tr>
                        <td><div class="listtable-item">
                            <a href="../effect/diamondNav/">纯 html 实现菱形导航</a>
                        </div></td>
                    </tr><tr>
                        <td><div class="listtable-item">
                            <a href="../effect/viewBigImg/">滑过小图查看大图</a>
                        </div></td>
                    </tr><tr>
                        <td><div class="listtable-item">
                            <a href="../effect/slider/">平滑图片滚动</a>
                        </div></td>
                    </tr><tr>
                        <td><div class="listtable-item">
                            <a href="../effect/picToggle/">缩略图切换大图</a>
                        </div></td>
                    </tr></tbody>
                </table>
            </div>
        </div>
    </div>
</body>
</html>